<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

	<title>订单-已完成</title>

	<link href="css/admin.css" rel="stylesheet" type="text/css">
	<link href="css/amazeui.css" rel="stylesheet" type="text/css">
	<link href="css/personal.css" rel="stylesheet" type="text/css">
	<link href="css/bilstyle.css" rel="stylesheet" type="text/css">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

	<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
	<script src="js/common.js"></script>
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/amazeui.js"></script>



</head>


<body>
<!-------------------------------------- 头部开始 -------------------------------------->
<div id="app">
	<top></top>
	<bar></bar>
	<b class="line"></b>
	<!-------------------------------------- 头部结束 -------------------------------------->

	<!-------------------------------------- 内容开始 -------------------------------------->

	<div class="center">
		<div class="col-main">
			<div class="main-wrap">
				<!--------------------------------------标题开始 -------------------------------------->
				<div class="am-cf am-padding">
					<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单-已完成</strong> / <small>off the stocks</small></div>
				</div>
				<hr>
				<!-------------------------------------- 标题结束 -------------------------------------->

				<!---------------------------------------订单-时间-开始---------------------------------->

				<div class="order-time">
					<label class="form-label">完成时间：</label>
					<div class="show-input">
						<select class="am-selected" >

							<option value="today">今天</option>
							<option value="sevenDays" selected="">最近一周</option>
							<option value="oneMonth">最近一个月</option>
							<option value="threeMonths">最近三个月</option>

						</select>
					</div>
					<div class="clear"></div>
				</div>

				<table width="100%">
					<!---------------------------------------订单-时间-结束---------------------------------->

					<!---------------------------------------订单-顶部标签-开始------------------------------->
					<thead>
					<tr>
						<th class="memo"></th>

						<th class="time">创建时间</th>

						<th class="name">订单地址</th>

						<th class="amount">订单金额</th>

						<th class="action">操作</th>

					</tr>
					</thead>

					<hr>
					<!---------------------------------------订单-顶部标签-结束------------------------------->

					<tbody>
					<!---------------------------------------订单-顶部循环表单-------------------------------->
					<tr v-for="order in orders">
						<!---------------------------------------订单图片（固定）---------------------------------->
						<td class="img">
							<i><img src="images/pay.png"></i>
						</td>

						<!---------------------------------------订单时间--------------------------------------->
						<td class="time">
							<p> {{order.orderTime}}
							</p>
							<p class="text-muted"> 10:58
							</p>
						</td>
						<!---------------------------------------订单地址--------------------------------------->
						<td class="title name">
							<p class="content">
								{{order.heatingNumberObject.address}}
							</p>
						</td>
						<!---------------------------------------订单金额--------------------------------------->
						<td class="amount">
							<span class="amount-pay">{{order.ordersPrice}}</span>
						</td>

						<!---------------------------------------订单操作--------------------------------------->

						<td class="operation">
							<a    @click="information(order.id)">详情</a>
						</td>
					</tr>
					</tbody>
				</table>
			</div>

			<!-------------------------------------- 内容结束 -------------------------------------->
			<!-------------------------------------- 尾部开始 -------------------------------------->
			<end></end>
		</div>
		<!-------------------------------------- 尾部结束 -------------------------------------->

		<!-------------------------------------- 侧边导航栏开始 -------------------------------------->

		<ban></ban>
	</div>
</div>
<!-------------------------------------- 侧边导航栏结束 -------------------------------------->
</body>
</html>



<script>

	var app = new Vue({
		el:"#app",
		data:{

			admin:{},
			message:'',
			orders:{}
		},
		created:function (){
			axios.post("http://localhost:8080//worker/hang?id="+2).
			then(res=>{
				this.orders=res.data.data;
			})
		},
		methods:{
			information:function (id){

				location.href="detailed.html?id="+id;
			}
		}


	});
</script>




















